.left{
  width: 73%;
  border-radius: 0.5vw;
  //height: 700px;
  height: 100%;
  //border: 1px solid red;

  .top{
    width: 100%;
    background-color: white;
    height: 20%;
    //border: 1px solid red;
    text-align: center;
    padding-top: 2%;
    h1{
      font-size: 40px;
      margin-bottom: 2%;
    }
    .time{
      width: 50%;
      margin: 0 auto;
      background-color: #f4fcff;
    }
  }
  .fenge{
    background-color: white;
    width: 50%;
    //border: 1px solid red;
    //margin: 3% auto;
    color: skyblue;
    margin: 5% auto;
  }
  .center{
    background-color: white;
    margin-top: -5%;
    .text{
      width: 90%;
      margin: 0 auto;
      //height: 500px;
      //border: 1px solid red;
    }
  }
  .bottom{

    width: 100%;
    // border: 1px solid red;
    margin-top: 3%;
    .comment{
      width: 100%;
      height: 250px;
      // border: 1px solid red;
      margin: 0 auto;
      background-color: white;
      overflow: hidden;
      p{
        margin-top: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 2%
      }
    }
    .Clist{

      width: 100%;
      // border: 1px solid red;
      background-color: white;
      margin: 0 auto;
      margin-top: 3% !important;
      ul{
        width: 100%;
        height: 100%;
        padding-top: 3%;
        padding-left: 3%;
        li{
          width: 100%;
          // height: 100px;
          overflow: hidden;
          border-bottom: 1px solid skyblue;
          padding-top: 3%;
          .top{
            display: flex;
            position: relative;
            img{
              width: 60px;
              height: 60px;
              border-radius: 100%;
              object-fit: cover;
            }
            p{
              position: absolute;
              top: 35%;
              left: 10%;
              font-size: 17px !important;
            }
          }
          .center{
            width: 80%;

            // border: 1px solid red;
            background-color: rgb(236, 236, 236);
            margin: 3% auto;
            padding: 3%;
          }
          .bottom{
            width: 80%;
            margin: 3% auto;
            display: flex;
            justify-content: space-between ;
            .dizan:hover{
              color: skyblue !important;
            }
          }
        }
      }
    }
  }
}
.right{
  width: 25%;
  height: 100%;
  // height: 500px;
  // border: 1px solid red;
  background-color: white;
  .body_author{
    width: 100%;
    height: 15vw;
    // border: 1px solid red;
    overflow: hidden;
    background-color: rgba(190, 200, 200, .6);
    position: relative;
    img{
      width: 5vw;
      height: 5vw;
      border-radius: 50%;
      display: block;
      margin: 1.5vw auto;
      transition: all 0.5s;
    }
    img:hover{
      transform: scale(1.1,1.1);
    }
    .GuanZhu{
      display: block;
      margin: 0 auto;
    }
    div{
      margin-top: 1.5vw;
      // border:1px solid red;
      display: flex;
      flex-direction: row;
      justify-content:space-around;
      p{
        font-size: 1.2vw !important;
        cursor:pointer;
      }
      P:hover{
        color: skyblue;
      }
    }
  }
  .body_recommend{
    width: 100%;
    height: 30vw;

    .body_Popular{
      width: 100%;
      height: 50%;
      // border: 1px solid red;
      .reMeng{
        font-size: 1.1vw !important;
        cursor:pointer;
        height: 20%;
        display: flex;
        justify-content: space-between;
        padding-left: 4%;
        align-items: center;
        padding-right: 4%;
        border-bottom: 1px solid skyblue;
      }
      ul{
        width: 100%;
        height: 90%;

        li{
          width: 100%;
          height: 40%;
          cursor:pointer;
          // border: 1px solid red;
          border-bottom: 0.1vw solid rgb(235,235,235);
          display: flex;
          .one{
            height: 100%;
            width: 40%;
            // border: 1px solid red;
            display: flex;
            align-items: center;
            img{
              width: 70%;
              height: 60%;
              margin: 0 auto;
              // 保持图片不失真
              object-fit: cover;
              transition: all 0.5s;
            }
          }
          .two{
            height: 100%;
            width: 60%;
            // border: 1px solid red;
            display: flex;
            align-items: center;
            p{
              margin-left: 10%;
              transition: all 0.5s;
            }
          }
        }
        li:hover{
          img{
            width: 75%;
            height: 65%;
          }
          p{
            color: skyblue;
          }
        }
      }
      .reMeng:hover{
        color:skyblue !important;
      }
    }
  }
}